import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/home/home.vue'
import SearchSongs from './components/SearchSongs/SearchSongs'
import Recommend from './components/Recommend/Recommend'
import SingerPage from './components/SingerPage/SingerPage'
import TopSongLists from './components/TopSongLists/TopSongLists'
import topSongsLists from "./views/topSongsLists/topSongsLists"
import recommendLists from "./views/recommendLists/recommendLists"
import singerSongsList from "./views/singerSongsList/singerSongsList"
import songsDetails from "./views/songsDetails/songsDetails"
import usersSongLists from "./views/usersSongLists/usersSongLists"


Vue.use(Router)

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [{
            path: '/',
            component: Home,
            children: [
                { path: '/', redirect: '/Recommend' },
                {
                    path: '/Recommend',
                    component: Recommend,
                },
                { path: '/SingerPage', component: SingerPage },
                { path: '/TopSongLists', component: TopSongLists },
                { path: '/SearchSongs', component: SearchSongs }
            ]
        },
        {
            path: "/recommendLists",
            component: recommendLists
        }, {
            path: "/topSongsLists",
            component: topSongsLists
        },
        {
            path: "/singerSongsList",
            component: singerSongsList
        },
        {
            path: "/songsDetails",
            component: songsDetails
        },
        {
            path: "/usersSongLists",
            component: usersSongLists
        }
    ]
})